.mod {
  width: 342px;
  height: 505px;
}
.wrapper {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  background-color: #ffffff;
}
.layer {
  position: relative;
  margin-top: 1px;
  width: 342px;
  height: 322px;
}
.body {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: -1px;
  background-size: contain;
  background-image: url(https://ai-sample.oss-cn-hangzhou.aliyuncs.com/test/518ff8e0ca0111ebbd1b63ef1062c8ed.png);
  width: 342px;
  height: 109px;
  line-height: 44px;
  white-space: nowrap;
}
.title {
  position: relative;
  margin-top: 19px;
  margin-left: 18px;
  max-width: 306px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-size: 30px;
  font-weight: 400;
}
.caption {
  position: relative;
  margin-left: 18px;
  max-width: 306px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-size: 30px;
  font-weight: 400;
}
.tag {
  position: absolute;
  top: 311px;
  left: 28px;
  line-height: 24px;
  white-space: nowrap;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
}
.footer {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: -2px;
  width: 342px;
  height: 76px;
}
.action-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 342px;
  height: 76px;
  overflow: hidden;
}
.group {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 23px;
  margin-right: 44px;
  margin-left: 17px;
}
.icon-off {
  margin-right: 5px;
  width: 32px;
  height: 30px;
}
.info {
  margin-top: -4px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  white-space: nowrap;
  color: #666666;
  font-size: 24px;
  font-weight: 300;
}
.group-1 {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 25px;
}
.view {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
}
.icon {
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 22px;
}
.num {
  margin-top: -3px;
  line-height: 22px;
  white-space: nowrap;
  color: #999999;
  font-size: 22px;
  font-weight: 400;
}
.view-1 {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: -1px;
  margin-left: 27px;
  line-height: 26px;
  white-space: nowrap;
}
.num-1 {
  color: #999999;
  font-size: 22px;
  font-weight: 400;
}
